<template>
  <j-modal
    title="项目列表"
    :visible="visible"
    width="1200px"
    ok-text=""
    :footer="null"
    :ok-button-props="{ props: { disabled: true } }"
    @close="close"
  >
    <a-card :bordered="false">
      <table class="table table-striped table-bordered" align="center" valign="center">
        <tr>
          <td class="column title" colspan="12">基本信息</td>
        </tr>
        <tr>
          <td class="column">项目名称</td>
          <td class="value" colspan="2">{{ record.proj_nm }}</td>
          <td class="column">建设单位名称</td>
          <td class="value" colspan="3">{{ record.buld_unit_nm }}</td>
          <td class="column item-required">总包方统一社会信用代码</td>
          <td class="value" colspan="3">{{ record.gen_con_uscc }}</td>
        </tr>
        <tr>
          <td class="column item-required">项目经理姓名</td>
          <td class="value">{{ record.proj_mngr_name }}</td>
          <td class="column">项目经理联系电话</td>
          <td class="value">{{ record.proj_mngr_cont_tel }}</td>
        </tr>
        <tr>
          <td class="column">合同开工日期</td>
          <td class="value">{{ record.con_bgn_dt }}</td>
          <td class="column item-required">合同竣工日期</td>
          <td class="value">{{ record.con_fnsh_dt }}</td>
          <td class="column item-required">实际开工日期</td>
          <td class="value">{{ record.fact_bgn_dt }}</td>
          <td class="column">实际竣工日期</td>
          <td class="value">{{ record.fact_fnsh_dt }}</td>
        </tr>
        <tr>
          <td class="column">项目地址</td>
          <td class="value">{{ record.proj_nm }}</td>
          <td class="column item-required">项目概况</td>
          <td class="value">{{ record.gen_con_uscc }}</td>
          <td class="column item-required">实际开工日期</td>
          <td class="value">{{ record.gen_con_uscc }}</td>
          <td class="column">实际竣工日期</td>
          <td class="value">{{ gen_con_uscc }}</td>
        </tr>
      </table>
    </a-card>
  </j-modal>
</template>
<script>
export default {
  name: 'tempCheck',
  data() {
    return {
      visible: false,
      dataSource: [],
      record: {},
    }
  },
  methods: {
    check(record) {
      this.record = Object.assign({}, record)
      this.visible = true
    },
    close() {
      this.visible = false
    },
  },
}
</script>
<style lang="less" scoped>
@import '../../../css/checkAndEdit.less';
</style>